<?php
$now_title = "产品服务";
require_once ('head.php');
?>

    <style type="text/css">

        .fadeInUp {
           
            padding: 2%;
            border: 1px solid #3487E6;
            
 background-color: #fff;
    }
    .con{

    }

    .jjfa{
      
    }
    @media (max-width: 767px) {

         .jjfa{
       
            width: 27%; 
           
        }

    }

.imgbox:hover{   

    margin-top: 7px !important ;

    transition-duration: .8s;
}
    </style>




    <div class="container " style="overflow: hidden;">
        <div style="border-bottom: 3px solid #3487E6; margin-top: 3%; padding-bottom: 2%; color: #262626">

            <span class="">

                <a href="/">网站首页</a>
                &gt;
                <a href="case.php">产品服务</a>


             </span>
        </div>

    </div>
        <div style="clear: both"></div>

    <div class="container hidden-xs-down    ">

        <div class="w100" style="text-align: center;margin-top:5%;margin-bottom: 2%;overflow: hidden; font-weight: 500;font-size: 3.5rem ">
            我们的服务
        </div>
        <div class="w100" style="text-align: center;color: #A1A1A1;font-size: 2rem;margin-bottom: 3%">
            各种服务项目满足你的各类需求
        </div>
        <style>
            .row{
                margin-left: 5%;
                margin-right: 5%;
            }
            .fw{
                float: left;
                margin: 5%;
                width: 12.5%;
            }
            .fw img{
                width: 50%;
                margin-left: 25%;
            }
            .fwtitle{
                text-align: center;font-size: 2rem;margin-top: 20%;margin-bottom: 20%;font-weight: 600;
            }
            .fwdesc{
                text-align: center;font-size: 1.5rem;color: #38322E;line-height: 2;
            }
            .gn{
                float: left;
                width: 23%;
                margin-left: 1%;
                margin-right: 1%;
                margin-bottom: 2%;
                margin-top: 2%;
                overflow: hidden;
            }
            .gn img{
                width: 100%;
                cursor: pointer;
                transition: 0.6s;
            }
            .gn img:hover{
                transform: scale(1.1);
            }


        </style>
        <div class="row" >
            <div class="fw">
                <img src="hg/img/fw1.png"  alt="小程序">
                <p class="fwtitle" >小程序</p>
                <p class="fwdesc">依靠各大平台亿万流量触手可及</p>

            </div>
            <div class="fw">
                <img src="hg/img/fw2.png"  alt="APP开发">
                <p class="fwtitle" >APP开发</p>
                <p class="fwdesc">打造属于自己的网络平台</p>

            </div>
            <div class="fw">
                <img src="hg/img/fw3.png"  alt="软件开发">
                <p class="fwtitle" >软件开发</p>
                <p class="fwdesc">根据客户需求开发各类软件</p>

            </div>
            <div class="fw">
                <img src="hg/img/fw4.png"  alt="网站开发">
                <p class="fwtitle" >网站开发</p>
                <p class="fwdesc">展示企业形象搭建官网</p>

            </div>


        </div>

    </div>


    <div style="background: url('hg/img/bg1.jpg');width: 100%; background-size:100% 100%;padding-bottom: 3%" class="pt5 hidden-xs-down">

        <div class="container">

            <div class="w100" style="text-align: center;margin-bottom: 3%;overflow: hidden; font-weight: 500;font-size: 3.5rem ">
                我们可以帮你实现
            </div>
            <div class="w100" style="text-align: center;color: #A1A1A1;font-size: 2rem;margin-bottom: 3%">
                用我们的服务助力您的发展
            </div>
            <div class="row">
                <div class="gn">
                    <img src="hg/img/gn1.png"  >
                </div>
                <div class="gn">
                    <img src="hg/img/gn2.png"  >
                </div>
                <div class="gn">
                    <img src="hg/img/gn3.png"  >
                </div>
                <div class="gn">
                    <img src="hg/img/gn4.png"  >
                </div>
                <div class="gn">
                    <img src="hg/img/gn5.png"  >
                </div>
                <div class="gn">
                    <img src="hg/img/gn6.png"  >
                </div>
                <div class="gn">
                    <img src="hg/img/gn7.png"  >
                </div>
                <div class="gn">
                    <img src="hg/img/gn8.png"  >
                </div>
                <div style="clear: both"> </div>

            </div>
        </div>

    </div>

    <div class="hidden-imax container" style="padding-bottom: 3%">
        <div class="w100" style="text-align: center;margin-top:5%;margin-bottom: 3%;overflow: hidden; font-weight: 500;font-size: 2.5rem ">
            我们的服务
        </div>
        <div class="w100" style="text-align: center;color: #A1A1A1;font-size: 1.5rem;margin-bottom: 3%">
            各种服务项目满足你的各类需求
        </div>
        <style>
            .mrow{
                margin-left: 5%;
                margin-right: 5%;
            }
            .mfw{
                float: left;
                margin: 1%;
                width: 23%;
            }
            .mfw img{
                width: 70%;
                margin-left: 15%;
            }
            .mfwtitle{
                text-align: center;font-size: 1.5rem;margin-top: 20%;margin-bottom: 20%;font-weight: 600;
            }
            .mfwdesc{
                text-align: center;font-size: 1rem;color: #38322E;line-height: 2;
            }
            .mgn{
                float: left;
                width: 48%;
                margin-left: 1%;
                margin-right: 1%;
                margin-bottom: 2%;
                margin-top: 2%;
                overflow: hidden;
            }
            .mgn img{
                width: 100%;
                cursor: pointer;
                transition: 0.6s;
            }
            .mgn img:hover{
                transform: scale(1.1);
            }
        </style>

        <div class="mrow" >
            <div class="mfw">
                <img src="hg/img/fw1.png"  alt="小程序">
                <p class="mfwtitle" >小程序</p>
                <p class="mfwdesc">依靠各大平台亿万流量触手可及</p>

            </div>
            <div class="mfw">
                <img src="hg/img/fw2.png"  alt="APP开发">
                <p class="mfwtitle" >APP开发</p>
                <p class="mfwdesc">打造属于自己的网络平台</p>

            </div>
            <div class="mfw">
                <img src="hg/img/fw3.png"  alt="软件开发">
                <p class="mfwtitle" >软件开发</p>
                <p class="mfwdesc">根据客户需求开发各类软件</p>

            </div>
            <div class="mfw">
                <img src="hg/img/fw4.png"  alt="网站开发">
                <p class="mfwtitle" >网站开发</p>
                <p class="mfwdesc">展示企业形象搭建官网</p>

            </div>
            <div style="clear: both"></div>


        </div>
    </div>

    <div style="background: url('hg/img/mbg1.jpg');width: 100%; background-size:100% 100%;padding-bottom: 3%" class="pt5 hidden-imax">

        <div class="container">

            <div class="w100" style="text-align: center;margin-top:5%;margin-bottom: 3%;overflow: hidden; font-weight: 500;font-size: 2.5rem ">
                我们可以帮你实现
            </div>
            <div class="w100" style="text-align: center;color: #A1A1A1;font-size: 1.5rem;margin-bottom: 3%">
                用我们的服务助力您的发展
            </div>
            <div class="row">
                <div class="mgn">
                    <img src="hg/img/gn1.png"  >
                </div>
                <div class="mgn">
                    <img src="hg/img/gn2.png"  >
                </div>
                <div class="mgn">
                    <img src="hg/img/gn3.png"  >
                </div>
                <div class="mgn">
                    <img src="hg/img/gn4.png"  >
                </div>
                <div class="mgn">
                    <img src="hg/img/gn5.png"  >
                </div>
                <div class="mgn">
                    <img src="hg/img/gn6.png"  >
                </div>
                <div class="mgn">
                    <img src="hg/img/gn7.png"  >
                </div>
                <div class="mgn">
                    <img src="hg/img/gn8.png"  >
                </div>
                <div style="clear: both"> </div>

            </div>
        </div>

    </div>


<?php require_once("footer.php");?>